<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车抽屉</title>
</head>
<body>
<div th:fragment="cart-drawer" class="cart-drawer" id="cartDrawer">
    <div class="cart-drawer__header">
        <h3>租购清单</h3>
        <div class="cart-drawer__close-btn">&times;</div>
    </div>

    <div class="cart-drawer__content">
        <div class="cart-controls">
            <label class="select-all">
                <input type="checkbox" id="selectAll">
                <span>全选</span>
            </label>
        </div>

        <div class="cart-list" id="cartList">
            <div class="loading-spinner"></div>
        </div>
    </div>
    <!-- 新增底部支付栏 -->
    <div class="cart-footer">
        <div class="selected-count">
            <span id="selectedCount">已选0件</span>
        </div>
        <button class="checkout-btn" id="checkoutBtn">
            去支付
            <span class="total-amount" id="cart-total-amount">¥0.00</span>
        </button>
    </div>
</div>
</body>
</html>